* {
    margin: 0;
    padding: 0;
}
.container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}

span {
    font-size: 50px;
    font-weight: bold;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 5px;
    filter: blur(2px);
    animation: animate 2.5s linear infinite;
    @for $i from 0 to 10 {
        &:nth-child(#{$i}) {
            animation-delay: $i * 0.25s;
        }
    }
}

@keyframes animate {
    0%,
    100% {
        color: #fff;
        filter: blur(2px);
        text-shadow: 0 0 10px #32ff7e, 0 0 20px #32ff7e, 0 0 30px #32ff7e, 0 0 40px #32ff7e, 0 0 100px #32ff7e, 0 0 200px #32ff7e, 0 0 300px #32ff7e, 0 0 400px #32ff7e;
    }
    5%,
    95% {
        color: #111;
        filter: blur(0px);
        text-shadow: none;
    }
}
